<%--
  Created by IntelliJ IDEA.
  User: jimmy
  Date: 2017/7/9
  Time: 11:28
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"";
    pageContext.setAttribute("basePath",path);
%>
<!DOCTYPE html>
<html>
<head>
    <title>商城管理</title>
    <!-- Bootstrap Styles-->
    <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.css" rel="stylesheet">
    <!-- FontAwesome Styles-->
    <link href="//cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <!-- Custom Styles-->
    <link href="${basePath}/css/custom-styles.css" rel="stylesheet" />
    <link href="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.css" rel="stylesheet">
    <!-- Google Fonts-->
    <link href='//fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css' />
    <link href="//cdn.bootcss.com/bootstrap-fileinput/4.4.2/css/fileinput.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/summernote/0.8.4/summernote.css" rel="stylesheet">
</head>
<body>
<div id="wrapper">
    <nav class="navbar navbar-default top-navbar" role="navigation">
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".sidebar-collapse">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href=""><strong><i class="icon fa fa-plane"></i> 商城管理系统</strong></a>

            <div id="sideNav" href="">
                <i class="fa fa-bars icon"></i>
            </div>
        </div>

        <ul class="nav navbar-top-links navbar-right">
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-envelope fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-tasks fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <!-- /.dropdown-tasks -->
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-bell fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <!-- /.dropdown-alerts -->
            </li>
            <!-- /.dropdown -->
            <li class="dropdown">
                <a class="dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="false">
                    <i class="fa fa-user fa-fw"></i> <i class="fa fa-caret-down"></i>
                </a>
                <!-- /.dropdown-user -->
            </li>
            <!-- /.dropdown -->
        </ul>
    </nav>
    <!--/. NAV TOP  -->
    <nav class="navbar-default navbar-side" role="navigation">
        <div class="sidebar-collapse">
            <ul class="nav" id="main-menu">

                <li>
                    <a id="prod" class="active-menu" href="#"><i class="fa fa-globe"></i> 商品管理</a>
                </li>
                <li>
                    <a id="order" class="active-menu" href="#"><i class="fa fa-reorder"></i> 订单管理</a>
                </li>
                <li>
                    <a id="comm" class="active-menu" href="#"><i class="fa fa-dollar"></i> 佣金管理</a>
                </li>
                <li>
                    <a id="deposit" class="active-menu" href="#"><i class="fa fa-money"></i> 提现管理</a>
                </li>
                <li>
                    <a id="sup" class="active-menu" href="#"><i class="fa fa-shopping-cart"></i> 供货商管理</a>
                </li>
                <li>
                    <a id="coupon" class="active-menu" href="#"><i class="fa fa-ticket"></i> 优惠券管理</a>
                </li>
            </ul>

        </div>

    </nav>
    <!-- /. NAV SIDE  -->

    <div id="page-wrapper">
        <%--<div class="header">--%>
            <%--<ol class="breadcrumb">--%>
                <%--<li><a href="#">Home</a></li>--%>
                <%--<li><a href="#">Dashboard</a></li>--%>
                <%--<li class="active">Data</li>--%>
            <%--</ol>--%>

        <%--</div>--%>
        <div id="page-inner">
            <div class="row">
                <div class="col-md-12">
                    <div class="panel panel-default">
                        <div id="mainPanel" class="panel-body">

                        </div>
                    </div>
                </div>
            </div>


        </div>
        <!-- /. PAGE INNER  -->
    </div>
    <!-- /. PAGE WRAPPER  -->
</div>

<!-- jQuery Js -->
<script src="//cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<!-- Bootstrap Js -->
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.js"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.1/bootstrap-table.js"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.1/locale/bootstrap-table-zh-CN.js"></script>
<script src="//cdn.bootcss.com/bootstrap-table/1.11.1/extensions/export/bootstrap-table-export.js"></script>
<script src="//cdn.bootcss.com/crypto-js/3.1.9/crypto-js.js"></script>
<script src="//cdn.bootcss.com/bootstrap-fileinput/4.4.2/js/fileinput.js"></script>
<script src="//cdn.bootcss.com/bootstrap-fileinput/4.3.1/js/fileinput_locale_zh.js"></script>
<script src="//cdn.bootcss.com/summernote/0.8.4/summernote.js"></script>
<script src="${basePath}/js/custom-scripts.js"></script>
<script src="${basePath}/js/jquery.metisMenu.js"></script>
<script>
    $(function () {

        $('#prod').click(function () {
            $("#mainPanel").load('${basePath}/index');
        });
        $('#order').click(function () {
            $("#mainPanel").load('${basePath}/prodInx');
        });
        $('#comm').click(function () {
            $("#mainPanel").load('${basePath}/commIdx');
        });
        $('#sup').click(function () {
            $("#mainPanel").load('${basePath}/sup');
        });
        $('#deposit').click(function () {
            $("#mainPanel").load('${basePath}/deposit');
        });
        $('#coupon').click(function () {
            $("#mainPanel").load('${basePath}/coupon');
        });
    });
</script>

</body>
</html>
